<template>
    <div class="btu">
        <RouterLink to="/dept" class="route" active-class="active">部门表</RouterLink>
        <RouterLink to="/job" class="route" active-class="active">职位表</RouterLink>
        <RouterLink to="/home" class="route" active-class="active">员工表</RouterLink>
    </div>
    <div class="show">
        <RouterView></RouterView>
    </div>
</template>
<script setup lang="ts" name="Nav">
</script>
<style scoped>
.btu{
    margin-bottom: 50px;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    padding-left: 50px;
    padding-right: 50px;
    /* a{
        text-decoration: none;
        font-size: 25px;
        color: black;
        border-radius: 5px;
    } */
    .route{
        font-size: 25px;
        text-decoration: none;
        color: black;
        border-radius: 5px;
    }
    .active{
        background-color: skyblue;
        color: red;
    }
}
</style>